<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>jquery</title>
<script type="text/javascript" src="jquery-1.8.0.js"></script> <!-- 通过cs5工具导入jquery库-->
<script type="text/javascript">
//1.页面加载时的代码:
//$:选择器   $()函数  生产jquery对象的工厂  $(document):jquery对象    ready():注册事件的函数  向页面来注册的函数  

     /*$(document).ready(function(){
		 alert("HelloWorld");
		 });*/
		 
	//以下是简化的向页面注册的方法:
	/*$(function(){
		alert("加载完毕");
		});*/
		
    $(function(){
		//为按钮订阅click事件
		$("#btn").click(function(){
			//弹出文本框中的值
			alert($("#txtContent").val())//val()jquery中封装好的方法  获得文本框中值的
			});
			
		//点击层时隐藏层的内容
		$("div").click(function(){
			$(this).hide("fast").show("slow");  //层先隐藏起来，然后再显示出来
			});
		});
		
</script>
</head>

<body>
<input type="text" id="txtContent"/>
<input type="button" id="btn" size="30" value="确定"/>
<hr>
<div>
一、什么JQuery?
   实质上就是javascript封装好的一个包。JQquery并不会代替javascript,在JQuery包中，使用的语法是javascript,使用也是javascript技术.

   JQuery对象:就是通过jquery包装dom对象后产生的对象.
   都是通过$()函数制造出来，所以$()函数就是一个jquery对象的制造工厂
   jquery对象是jquery独有的，如果一个对象是jquery对象，那么就可以使用jquery里的方法和属性了.

CS5工具(导入jquery包)或vs2010(内嵌了jquery插件)

二、jquery优势:
1.轻量级的(jquery库比较小用起来比较方便)
2.强大的选择器:css选择器和xpath选择器
3.出色的dom操作封装:里面封装了大量常的dom操作.
4.可靠的事件处理机制:
5.完善的Ajax
6.出色的浏览器兼容
7.链式操作方式.
8.隐式迭代:自动打开多个元素进行迭代方法的调用.
9.丰富的插件:从网上找相关的类似于第三方控件，直接使用
10.开源
</div>
</body>
</html>
